@tailwind base;
@tailwind components;
@tailwind utilities;

/* Custom scrollbar styling for WebKit browsers */
textarea::-webkit-scrollbar {
    width: 12px;
}

textarea::-webkit-scrollbar-track {
    background: white;
}

textarea::-webkit-scrollbar-thumb {
    @apply bg-sky-600;
    /*background-color: rgb(57, 37, 236);*/
    /* Purple color */
    border-radius: 6px;
    border: 3px solid white;
}

textarea::-webkit-scrollbar-thumb:hover {
    @apply bg-sky-600;
    /*background-color: rgb(57, 37, 236);*/
    /* Darker purple color when hovered */
}

/* Custom scrollbar styling for Firefox */
textarea {
    scrollbar-width: thin;
    scrollbar-color:rgb(57, 37, 236) white;
}
body{
    @apply rounded-3xl
}
